{extend name="public/base" /}
{block name="css"}
<!--    css-->
<link href="/static/css/index.css?r=1" rel="stylesheet">
{/block}
{block name="js"}
<!--layui js-->
<script src="/static/framework/layui/layui.js"></script>
<!-- index.js -->
<script src="/static/js/index.js?r=1"></script>
{/block}
{block name="main"}

<!-- banner start -->
<div class="container-fluid flex-row">
    <div class="swiper">
        <div class="swiper-wrapper">
            <div class="swiper-slide">
                <img src="/static/images/banner01.jpg?r=1" class="banner_size">
            </div>
        </div>
    </div>
</div>
<!-- banner end -->

<!-- 线上看展 start -->
<div class="container-fluid flex-row">
    <div class="container xshz">
        <!-- 标题 start -->
        <div class="common-title">
            <img src="/static/images/tit01.png" alt="线上看展"/>
            <p>全方位展示企业风采</p>
        </div>
        <!-- 标题 end -->
        <!-- 内容 start -->
        <div class="xshz-content">
            <!-- 均分八份 start -->
            <ul id="xshz-content-ul">
                {volist name="industry" id="item"}
                <li>
                    <a href="/company/{$item.id}" target="_blank" class="xshz-content-a">
                        <img src="{$item.image}" alt="{$item.catname}"/>
                        <img src="{$item.icon}" alt="{$item.catname}"/>
                        <p>{$item.catname}</p>
                    </a>
                </li>
                {/volist}
            </ul>
        </div>
        <!-- 内容 end -->
    </div>
</div>
<!-- 线上看展 end -->


<!-- 优秀企业汇展 start -->
<div class="container-fluid yxqyhz-bg">
    <div class="container yxqyhz">
        <!-- 标题 start -->
        <div class="common-title">
            <img src="/static/images/tit02.png" alt="优秀企业汇展"/>
            <p>精品荟萃 共展卓越</p>
        </div>
        <!-- 标题 end -->
        <!-- 内容 start  ul li 图片 + 标题 -->
        <div class="yxqyhz-content">
            <ul c="yxqyhz-content-ul">
                {volist name="recommend" id="item"}
                <li>
                    <a href="/cdetail/{$item.user_id}" target="_blank" class="yxqyhz-content-a">
                        <img src="{$item.avatar}" alt="{$item.nickname}"/>
                        <p>{$item.nickname}</p>
                    </a>
                </li>
                {/volist}
            </ul>
        </div>
    </div>
</div>
<!-- 优秀企业汇展 end -->


<!-- 广告位 start -->
<div class="container-fluid ggw">

    <!-- 左右两个广告位 start -->
    <div class="container ggw-content">
        <div class="ggw-item">
            <a href="/brand" target="_blank">
                <img src="/static/images/banner02.jpg" alt="广告位"/>
            </a>
            <a class="more more11">查看详情&nbsp;&nbsp;<img src="/static/images/index-more01.png"/></a>
        </div>
        <div class="ggw-item">
            <a href="/industry" target="_blank">
                <img src="/static/images/banner03.jpg" alt="广告位"/>
            </a>
            <a class="more more22">查看详情&nbsp;&nbsp;<img src="/static/images/index-more02.png"/></a>
        </div>
    </div>
    <!-- 左右两个广告位 end -->

    <!-- 推荐资讯 start 左边 轮播 右边推荐资讯 列表 -->
    <div class="container tjzx">
        <!-- 左边轮播 start -->
        <div class="tjzx-left">
            <div class="layui-carousel index-carousel-image" id="index-carousel-left">
                <div carousel-item>
                    {volist name="hot" id="item"}
                    <div>
                        <a href="/ndetail/{$item.id}" >
                            <img src="{$item.thumb}" alt="{$item.title}"/>
                        </a>
                        <p class="zxs">{$item.title}</p>
                    </div>
                    {/volist}
                </div>
            </div>
        </div>
        <!-- 左边轮播 end -->
        <!-- 右边推荐资讯 start -->
        <div class="tjzx-right box-sizing">
            <div class="news-title">
                <div>
                    <p class="title">新闻资讯</p>
                    <p class="title-en">NEWS UPDATES</p>
                </div>
                <a href="/news">MORE+</a>
            </div>
            <div class="tjzx-right-content">
                <ul>
                    {volist name="new" id="item"}
                    <li>
                        <a href="/ndetail/{$item.id}" class="tjzx-right-content-a">
                            <span>·</span>{$item.title}
                        </a>
                    </li>
                    {/volist}
                </ul>
            </div>
        </div>
        <!-- 右边推荐资讯 end -->
    </div>

</div>
<!-- 广告位 end -->

{/block}